 body, html {
            height: 100%;
            margin: 0;
            display: flex;
            flex-direction: column; /* 垂直堆叠子元素 */
            align-items: center; /* 水平居中子元素 */
            justify-content: center; /* 垂直居中子元素 */
            background-color: #dfe7d7;
        }
        .container {
            display: flex;
            flex-direction: column; /* 垂直排列子元素 */
            align-items: center; /* 水平居中子元素 */
            margin: 10px; /* 为容器添加外边距 */
            font-size: 24px;
			border: 2px white; /* 实线边框 */
			border-radius: 50px; /* 圆角边框，数值越大圆角越明显 */
			background: white;
			width: 600px;
			height: 700px;
        }
        .input-container input[type="text"] {
			margin-bottom: 10px;
            width: 300px; /* 增加输入框的宽度 */
            height: 40px; /* 增加输入框的高度 */
            padding: 10px; /* 增加输入框的内边距 */
            font-size: 24px; /* 增加输入框的字体大小 */
        }
        .buttons input[type="button"] {
			margin-top: 10px;
            width: 100px; /* 增加按钮的宽度 */
            height: 40px; /* 增加按钮的高度 */
            font-size: 24px; /* 增加按钮的字体大小 */
            padding: 1px; /* 增加按钮的内边距 */
			border: 2px white; /* 实线边框 */
			border-radius: 10px; /* 圆角边框，数值越大圆角越明显 */
        }
		.rating {
		    display: flex;
		    margin-left: 10px;
		    align-items: center;
			padding-top: 50px;
		}
		.rating label {
		    color: #ddd;
		    font-size: 30px; /* 星星大小 */
		    padding: 5px;
		    cursor: pointer;
		    transition: color 0.3s ease-in-out;
		}
		.placeholder {
			color: #aaa; /* 占位符文本颜色 */
		}
		.input-container {
			position: relative;
		}
		.hidden-placeholder {
			display: none;
		}
        .back-arrow {
            position: absolute;
            top: 80px;
            left: 400px;
            cursor: pointer;
            font-size: 24px;
            user-select: none;
			color: #4d584c;
        }